# Components

Puck provides several components to support different integration approaches.

## Core

- [\<DropZone\>](components/drop-zone) - Place droppable regions (zones) inside other components to enable nested components.
- [\<Puck\>](components/puck) - Render the Puck editor.
- [\<Render\>](components/render) - Render a [`Data`](/docs/api-reference/data-model/data) object for a given [`Config`](/docs/api-reference/configuration/config).

## Compositional

- [\<Puck.Components\>](components/puck-components) - A draggable list of components when composing a custom Puck UI.
- [\<Puck.Fields\>](components/puck-fields) - The fields for the currently selected item when composing a custom Puck UI.
- [\<Puck.Outline\>](components/puck-outline) - An interactive outline when composing a custom Puck UI.
- [\<Puck.Preview\>](components/puck-preview) - A drag-and-drop preview when composing a custom Puck UI.

## Helper

- [\<ActionBar\>](components/action-bar) - An action bar containing a series of actions, normally used with the [actionBar override](/docs/api-reference/overrides/action-bar).
- [\<ActionBar.Action\>](components/action-bar-action) - An action for use within the ActionBar component.
- [\<ActionBar.Group\>](components/action-bar-group) - A group of actions for use within the ActionBar component.
- [\<ActionBar.Label\>](components/action-bar-label) - A label for use within the ActionBar component.
- [\<Drawer\>](components/drawer) - A reference list of items that can be dragged into a droppable area, normally [`<Puck.Preview>`](components/puck-preview).
- [\<Drawer.Item\>](components/drawer-item) - An item that can be dragged from a [`<Drawer>`](components/drawer).
- [\<FieldLabel\>](components/field-label) - Render a styled `label` when creating [`custom` fields](/docs/api-reference/fields/custom).
- [\<RichTextMenu\>](components/rich-text-menu) - A menu containing a series of controls for the rich text field.
- [\<RichTextMenu.Control\>](components/rich-text-menu-control) - A control for custom behavior within the RichTextMenu component.
- [\<RichTextMenu.Group\>](components/rich-text-menu-group) - A group of controls for use within the RichTextMenu component.
